<%@ page pageEncoding="utf-8"%>
<style type="text/css">
body {
	margin: 0px;
	padding: 0px;
}
/* 搜索框 */
.sqinput {
	width: 70%;
	border: 0px;
	border-bottom: 1px solid #E2E2E2;
}

.columnTitle2{
font-size: 16px;
}
.c_e2e2e2 {
	color: #e2e2e2
}

.columnTitleBorder{
	border-bottom: 5px solid #eb6100;
}

/* 渐变线 */
.bunnerRowUpBorder {
	height: 5px;
	background-image: linear-gradient(rgba(216, 216, 216, 1),
		rgba(216, 216, 216, 0));
	position: absolute;
	z-index: 999;
	top: 29px;
	left: 0px;
}

.bunnerRow {
	padding-right: 0px;
	padding-left: 0px;
}

.m2Background {
	background-color: #F6F6F6;
	padding: 10px;
	position: absolute;
	z-index: 888;
	top: 29px;
	left: 0px;
	right: 0px;
}

.newsBoxTitleImg{
border-left: 8px solid #eb6100;
}
.newsBox_bc1{
background-color:#F9F9F9;
padding-top:10px;
padding-left:20px;
padding-bottom: 10px;
font-size: 14px;
}
.newsBox_title1{
font-size: 14px;
font-weight: 500;
word-wrap:break-word;
padding-top: 10px;
}
.newsBox_title2{
font-size: 14px;
word-wrap:break-word;
}

.newsBoxImgTitleDivSuper{
position:relative;
}


.footDiv {
	height: 220px;
	background-color: #4E4E4E;
}

.foot_columnTitle {
	color: #ffffff;
}

.foot_text {
	color: #ffffff;
}

.foot_ts1 {
	font-size: 20px;
}

.foot_ts2 {
	font-size: 16px;
}

.foot_ts3 {
	font-size: 14px;
}
</style>
<div class="container">
	<div class="row align-items-center">
		<div class="col-md-2">
			<a class="clearA" href="index"><img alt="Login" src="img/web/logo1.png" width="160px"></a>
		</div>
		<div class="col-md-1 text-center ">
			<a class="clearA" href="index"><div class="columnTitle columnTitleBorder">资讯</div></a>
		</div>
		<div class="col-md-1 text-center">
			<div class="columnTitle">产品</div>
		</div>
		<div class="col-md-1 text-center">
			<div class="columnTitle">新零售</div>
		</div>
		<div class="col-md-1 text-center">
			<div class="columnTitle">全球购</div>
		</div>
		<div class="col-md-3 text-center">
			<input id="sqinput" type="text" class="sqinput" value="${sinfo}" /><i class="fa fa-search c_e2e2e2" onclick="cms_search()"></i>
		</div>
		<div class="col-md-1 m-3">
			<img alt="Login" src="img/web/app_erimg.png" style="height: 100px">
		</div>
		<div class="col-md-1 m-3">
			<img alt="Login" src="img/web/app_erimg.png" style="height: 100px">
		</div>
	</div>
</div>
<div class="container-fluid br1"></div>
<script>
	function cms_search(){
		var sinfo = $("#sqinput").val();
		if(sinfo!=null && sinfo!=''){
			window.location.href='cms_search?sinfo='+sinfo;
		}else{
			alert("请输入搜索条件");
		}
	}
	$(function() {
		$(".L00").mouseleave(function() {
			console.log("鼠标移出：")
			$(".m2box").addClass("d-none");
			$(".m2box").slideUp();
		});
		$(".L0").mouseenter(function() {
			console.log("鼠标移入")
			$(".m2box").addClass("d-none");
			$(".m2box").slideUp();
			var $t = $(this);
			var mid = $t.data('mzid');
			
			$("#" + mid).removeAttr("class", "d-none");
			$("#" + mid).addClass("m2Background");
			$("#" + mid).addClass("br1");
			$("#" + mid).addClass("m2box");
			$("#" + mid).slideDown();
		});
		
		//搜索事件
		$("#sqinput").keydown(function(e){
			if(e.keyCode==13){
				cms_search();
			}
		});
	});
</script>
<div class="container-fluid L00 mw-100 fs14 p-1" style="position: relative">
	<div class="container ">
		<div class="row">
			<div class="col-md-1 text-nowrap">
				<c:if test="${nowColumnID=='index'}" >
					<a class="clearA text-danger" href="index"><div class="columnTitle2">首页</div></a>
		  		</c:if>
				<c:if test="${nowColumnID!='index'}" >
					<a class="clearA" href="index"><div class="columnTitle2">首页</div></a>
		  		</c:if>	
			</div>
			<c:forEach items="${L0List}" var="L0">
		  			<div class="col-md-1 L0 text-nowrap mr-5" data-mzid="${L0.zid}">
		  				
		  				<c:if test="${nowColumnID==L0.zid}" >
		  					<c:if test="${L0.isblank=='1'}" >
		  						<a class="clearA text-danger" href="${L0.url}" target="_blank"><div class="columnTitle2">${L0.column_name}</div></a>
					  		</c:if>
					  		<c:if test="${L0.isblank!='1'}" >
					  			<a class="clearA text-danger" href="${L0.url}"><div class="columnTitle2">${L0.column_name}</div></a>
					  		</c:if>
							
				  		</c:if>
				  		<c:if test="${nowColumnID!=L0.zid}" >
				  			<c:if test="${L0.isblank=='1'}" >
				  				<a class="clearA" href="${L0.url}" target="_blank"><div class="columnTitle2">${L0.column_name}</div></a>
					  		</c:if>
					  		<c:if test="${L0.isblank!='1'}" >
					  			<a class="clearA" href="${L0.url}"><div class="columnTitle2">${L0.column_name}</div></a>
					  		</c:if>
							
				  		</c:if>
					</div>
			</c:forEach>
		</div>
	</div>


	<div class="container-fluid bunnerRowUpBorder" style=""></div>
	<c:forEach items="${L0List}" var="L0">
		<div class="d-none" id="${L0.zid}">
			<div class="container">
				<div class="row">
					<c:forEach items="${cmsColumnDetail.get(L0.zid)}" var="L1">
						<div class="col-2">
							<div class="col-12 font-weight-bold text-nowrap">
								<c:if test="${L1.isblank=='1'}" >
									<a class="clearA" href="${L1.url}" target="_blank">${L1.column_name}</a>
								</c:if>
								<c:if test="${L1.isblank!='1'}" >
									<a class="clearA" href="${L1.url}">${L1.column_name}</a>
								</c:if>
								
							</div>
							<c:forEach items="${cmsColumnDetail.get(L1.zid)}" var="L2">
								<div class="col-12 text-nowrap">
									<c:if test="${L2.isblank=='1'}" >
										<a class="clearA" href="${L2.url}" target="_blank">${L2.column_name}</a>
									</c:if>
									<c:if test="${L2.isblank!='1'}" >
										<a class="clearA" href="${L2.url}">${L2.column_name}</a>
									</c:if>
								</div>
							</c:forEach>
						</div>
					</c:forEach>
				</div>
			</div>
		</div>
	</c:forEach>
</div>
